<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
[#include "/includes/scripts.html" /]
<style>
body{
    background-color: #f5f5f5;
    margin: 0;
}
   .bindCard_dis{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: #f5f5f5;
    box-sizing: border-box;
    background-color: #fff;
}
.bindCard_dis_a{
    padding-left: 20px;
}
.bindCard_dis_a img{
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.bindCard_dis_b{
    margin-right: 20px;
}
.bindCard_dis_b input{
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: right;
}
      .mcht_btn{
        width: 90%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
    }
</style>
<div class='fui-cell-group' style="margin-top: 3.5rem;">
    <div class='fui-cell' style="width:100%;height:65px;background-color:#fff;margin:3.6rem auto;padding-top:10px;">
        <!-- <div class='fui-cell-label'>文本框：</div> -->
        <div class='fui-cell-info'>
             <div class="bindCard_dis">
               <div class="bindCard_dis_a"><img src="mobile.png" alt="">短信验证码</div>
               <div class="bindCard_dis_b"><input type="text" name="verifyCode" id="verifyCode" placeholder="短信验证码"></div>
           </div>
        </div>
    </div>
</div>
<div class="fui-cell-group fui-cell-click transparent" style="margin-top: 10px;">
    <div class="fui-cell external btn-logout" id = 'pay'>
        <a href="javascript:confirmBind();" id="code_btn" style="color:#ff5555">
        <div class="fui-cell-text mcht_btn" style="text-align: center; color:#ffffff;background:#ff5555">确定</div>
        </a>
    </div>
</div>